<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>收款详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../css/style.css" />
		<link rel="stylesheet" href="../css/iconfont3.css" />
		<link rel="stylesheet" href="../css/iconfont6.css" />  
		<link rel="stylesheet" href="../../css/title.css" />
		<style>
			body{background-color:#222;}
			#segmentedControl .mui-control-item.mui-active{
				background: rgb(34,34,34);
				border-bottom: 1px solid #dca74b;
				line-height: 40px;
				font-size: 16px;
			}
			#segmentedControl .mui-control-item{
				border-left: none;
				font-size: 16px;
			}
			.ordertop{
				width: 100%;
				height: auto;
				background: rgb(34,34,34);
				margin-bottom: 10px;
			}
			.otitle{
				width: 92%;
				margin-left: 4%;
				height: 44px;
				border-bottom: 1px solid rgb(59,59,59);
			}
			.sell{
				display: block;
				float: left;
				width: 50px;
				height: 30px;
				background: rgb(70,172,253);
				color: white;
				font-size: 16px;
				line-height: 30px;
				text-align: center;
				margin-top: 7px;
			}
			.buy{
				display: block;
				float: left;
				width: 50px;
				height: 30px;
				background: rgb(252,69,63);
				color: white;
				font-size: 16px;
				line-height: 30px;
				text-align: center;
				margin-top: 7px;
			}
			.otitle span{
				float: right;
				font-size: 16px;
				line-height: 44px;
			}
			.omain{
				width: 92%;
				margin-left: 4%;
				position: relative;
				padding-bottom: 10px;
			}
			.omain p{
				margin-top: 10px;
			}
			.omain a{
				position: absolute;
				display: block;
				width: 68px;
				border: 1px solid rgb(252,69,63);
				font-size: 14px;
				text-align: center;
				height: 30px;
				line-height: 30px;
				color: rgb(252,69,63);
				border-radius: 5px;
				right: 0px;
				bottom: 10px;
			}
			.omain span:last-child{
				float: right;
			}
			.mui-control-content.mui-active{
				background: rgb(68,68,68);
			}
			
		</style>
		
		<style>
			input[type=password]{
				    border-radius: 0;
			}
			
			#keyboard{
				height:230px;
				background-color:rgb(245,245,245);
				bottom: 0;
				width:100%;
				padding:0;
				position: fixed;
			    z-index: 10;
			    right: 0;
			    left: 0;
			    border-top:1px solid #c8c7cc;
			    color:#333;
			}
			
			#arrowdown{
				width: 100%;
			    text-align: center;
			    border-bottom: 1px solid #c8c7cc;
			}
			
			#keyboard .num{
				width:33.15%;
				padding-top:13px;
				padding-bottom:14px;
				text-align:center;
				float:left;
				color:#333;
			}
			.payment_pwd{width:36px;height:36px;margin-left:0;float:left;color:#333;}
			#main_content{width:78%;height:104px;margin-bottom:80%;border-radius:8px;margin-top:10px;margin:0 auto;position:fixed;top:12%;left:10%;}
			#main_content .mui-input-row{overflow: visible;}
			.payment_password{display: flex;justify-content: center;height:36px;}
			
			.home_top {
			    padding-top: 0px;
			}
			
			.home_top {
			    z-index: 100000;
			    height: 50px;
			    background-color: #3a3f43;
			    box-shadow: none;
			    display: flex;
			    justify-content: space-between;
			    align-items: center;
			}
			.home_top .mui-title span{
				color: black;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav reg_page home_top">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title" lang><span lang>收款详情</span></h1>
			<a style="float: right;padding: 5px 15px;background: rgb(70,172,253);margin: 6px;z-index: 20;" id="do_post" lang>收款</a>
		</header>
		
		<div class="mui-content">
			<div class="ordertop" id="main-data"></div>
			<script id='main-template' type="text/template">
				<div class="otitle">
					<!--
					<a href="#picture" class="sell" style="float:left;line-height:30px;width: auto;padding: 0px 5px;">
                                         上传凭证
				 </a>-->
				    <span style='float:left;' lang>创建时间</span>
					<span><%=(add_time)%></span>
				</div>
				<div class="otitle">
				    <span style='float:left;' lang>对方打款时间</span>
					<span><%=(pay_time)%></span>
				</div>
				<div class="omain">
					<p><span lang>订单号：</span><%=(order_sn)%><span><%=(trade_money)%></span></p>
					<p><span lang>实际应付金额</span><span><%=(amount)%>RMB</span></p>
					<p><span lang>打款人</span><span><%=(buy_bank_account)%></span></p>
					<p><span lang>打款方式</span><span><%=(buy_bank_name)%></span></p>
					<p><span lang>打款账号</span><span><%=(buy_bank_card)%></span></p>
					<p><span lang>打款手机号</span><span id="tel" onclick="do_tel('<%=(buy_telephone)%>')"><%=(buy_telephone)%></span></p>
					<p><span lang>收款人</span><span><%=(contacts)%></span></p>
					<p><span lang>收款方式</span><span><%=(bank_name)%></span></p>
					<p><span lang>收款账号</span><span><%=(bank_card)%></span></p>
					<p><span lang>收款手机号</span><span><%=(telephone)%></span></p>
					<p style="color: white;font-size: 20px;" lang>打款凭证</p>
					<img src="<%=(evidence)%>" data-check="0" id="pinzhen" width="100%">
				</div>
			</script>		
		</div>
		
		
		<!--遮罩-->
		<div id="account_pwd" style="z-index:500; background-color:#000; opacity:0.1; filter:alpha(opacity=40);position: absolute;
		    top: 0;
		    display: none;
		    left: 0;"></div>
			<div class="mui-content" id="main_content" style="z-index: 600;position: fixed;padding-top:0;display: none;">
		    	<div style="text-align: center;font-size: 16px;height:28px;color:#333;margin-top:2%;">
		    		<span style="width:70%;float:left;margin-left: 15%;" lang>请输入支付密码</span>
		    	    <span class="mui-icon iconfont icon-guanbi" style="float:right;color:#000;margin-right:2%;" id="close_win"></span>
		    	</div>
			    
			    <div class="mui-input-row mui-password payment_password" style="margin-top:10px;">
			    	<div style="width:36px;height:36px;margin-left:2%;float:left;color:#333;">
					   <input class="" type="password" value="" style="width:100%;padding:0;text-align:center;" readonly="readonly">
				    </div>
				    
				    <div class="payment_pwd">
					   <input class="" type="password" value="" style="width:100%;padding:0;text-align:center;border-left:0;" readonly="readonly">
				    </div>
				    
				    <div class="payment_pwd">
					   <input class="" type="password" value="" style="width:100%;padding:0;text-align:center;border-left:0;" readonly="readonly">
				    </div>
				    
				    <div class="payment_pwd">
					   <input class="" type="password" value="" style="width:100%;padding:0;text-align:center;border-left:0;" readonly="readonly">
				    </div>
				    
				    <div class="payment_pwd">
					   <input class="" type="password" value="" style="width:100%;padding:0;text-align:center;border-left:0;" readonly="readonly">
				    </div>
				    
				    <div class="payment_pwd">
					   <input class="" type="password" value="" style="width:100%;padding:0;text-align:center;border-left:0;" readonly="readonly">
				    </div>
			    </div>
        	</div>
        	
			<div id="keyboard" style="z-index: 600;position: fixed;padding-top:0px;display: none;">
			    	<div id="arrowdown">
			    		<span class="mui-icon mui-icon-arrowdown" style="font-size:26px;padding-top:3px;padding-bottom:3px;"></span>
			    	</div>
			    	<div>
				    	<div id="num1" data-num="1" class="num data_num" style="border-right:1px solid #c8c7cc;">
				    		<span>1</span>
				    	</div>
				    	<div id="num2" data-num="2" class="num data_num" style="border-right:1px solid #c8c7cc;">
				    		<span>2</span>
				    	</div>
				    	<div id="num3" data-num="3" class="num data_num" style="">
				    		<span>3</span>
				    	</div>
				    	
				    	<div id="num4" data-num="4" class="num data_num" style="border-right:1px solid #c8c7cc;border-top:1px solid #c8c7cc;">
				    		<span>4</span>
				    	</div>
				    	<div id="num5" data-num="5" class="num data_num" style="border-right:1px solid #c8c7cc;border-top:1px solid #c8c7cc;">
				    		<span>5</span>
				    	</div>
				    	<div id="num6" data-num="6" class="num data_num" style="border-top:1px solid #c8c7cc;">
				    		<span>6</span>
				    	</div>
				    	
				    	<div id="num7" data-num="7" class="num data_num" style="border-right:1px solid #c8c7cc;border-top:1px solid #c8c7cc;">
				    		<span>7</span>
				    	</div>
				    	<div id="num8" data-num="8" class="num data_num" style="border-right:1px solid #c8c7cc;border-top:1px solid #c8c7cc;">
				    		<span>8</span>
				    	</div>
				    	<div id="num9" data-num="9" class="num data_num" style="border-top:1px solid #c8c7cc;">
				    		<span>9</span>
				    	</div>
				    	
				    	<div class="num" style="border-right:1px solid #c8c7cc;border-top:1px solid #c8c7cc;background-color:rgb(224,224,224);">
				    		<span>&nbsp;</span>
				    	</div>
				    	<div id="num0" data-num="0" class="num data_num" style="border-right:1px solid #c8c7cc;border-top:1px solid #c8c7cc;">
				    		<span>0</span>
				    	</div>
				    	<div id="numC" data-num="C" class="num" style="border-top:1px solid #c8c7cc;background-color:rgb(224,224,224);padding-top: 13px;
    						padding-bottom: 5px;">
				    		<div><span class="mui-icon iconfont icon-weibiaoti-" ></span></div>
				    	</div>
				    	
			    	</div>
			</div>
			

		<script src="../../lang/sellout.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/sockjs.js"></script>
		<script src="../../js/arttmpl.js"></script>
		<script src="../../resource/order/receipt_detail.js"></script>
		
	</body>

</html>